<template>
    <div class="page">
         <div class="headerBox">
      <div class="header border-b">
        <div class="headerText textover ft18">十克关爱</div>
        <div class="left-back" @click="clickHandler()">
          
        </div>
        <div class="right-more"></div>
      </div>
    </div>
    <div>
        <div style="margin-top:10px;">
            <div class="ct rela mb20">
                <div class="imgBox rela">
                    <img src="../assets/img/ten.png" class="db ct">
                </div>
                <div class="skBox cbrown">
                    <p class="cbrown ft16">
                        "亲爱的"
                        <span>用户</span>
                    </p>
                    <div class="ft14 pt15">
                        <p>感谢您对【十克关爱】项目的关注，</p>
                        <p>截至3月31日共筹集爱心粮294.69kg，</p>
                        <p>让1000只流浪毛孩子饱餐一顿，</p>
                        <p>并全部捐赠给@浙江小动物保护协会。</p>
                    </div>
                    <div class="ft14 pt15">
                        <p>【十克关爱】项目至此就要和大家说再见了~</p>
                        <p>为了让所有爱的力量都在专属空间中继续发光发彩。</p>
                        <p>
                            <span class="cf0">E宠公益</span>
                            将会带着这份期许更好的走下去，
                        </p>
                        <p>
                            "让更多的"
                            <span class="cf0">救助组织</span>
                            "渡过难关，为更多的毛孩子带去饱餐！"
                        </p>
                    
                    </div>
                    <p class="pt15 ft14">
                        <a class="cf0" style="text-decoration:underline">
                            "前往E宠公益-为爱助力 "
                            <span class="skArrow ml10"></span>
                        </a>
                    </p>
                    <p class="ft13 pt15">再次感谢您一直以来对流浪动物公益事业的关心与支持！</p>
                </div>
                <div class="imgBox">
                    <img src="../assets/img/logo.png" class="db ct">
                </div>
            </div>
        </div>
    </div>
    </div>
</template>
<script>
export default {
    methods:{
        clickHandler(){
            this.$router.back(-1);
        },
        
    }
}
</script>
<style lang="stylus" scoped>
.page
background-color #fff
  height 100%
  overflow auto
.header {
  width: 100%;
  height: 0.5rem;
  background: #fff;
  line-height: 0.5rem;
  color: #333;
  position: relative;
  border-bottom: 0.01rem solid #f3f3f3;
}

.headerText {
  text-align: center;
  margin: 0 0.65rem;
}

.textover {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}

.ft18 {
  font-size: 0.18rem;
}

.left-back {
  width: 0.35rem;
  height: 0.35rem;
  background: url('../assets/img/topIco.bc556dcf.png') 0 0 no-repeat;
  background-size: 0.35rem auto;
  position: absolute;
  left: 0.05rem;
  top: 0.07rem;
  background-position: 0 0;
}

.right-more {
  width: 0.35rem;
  height: 0.35rem;
  background: url('../assets/img/topIco.bc556dcf.png') 0 0 no-repeat;
  background-size: 0.35rem auto;
  position: absolute;
  right: 0.05rem;
  top: 0.07rem;
  background-position: 0 -0.7rem;
}
.rela {
    position: relative;
}
.mb20 {
    margin-bottom: 20px;
}
.ct {
    margin: auto;
}
.ct {
    margin: auto;
}
img {
    vertical-align: middle;
}
.imgBox img {
    width: 100%;
    display: block;
}
.skBox {
    background: url("../assets/img/xian.png") 0 0 repeat-y;
    background-size: 100% auto;
    padding: 0 11%;
}
.cbrown {
    color: #3e1814;
}
.ft16 {
    font-size: 16px;
}
.ft14 {
    font-size: 14px;
}
.pt15 {
    padding-top: 15px;
}
.cf0 {
    color: #ff5757;
}
.skArrow {
    display: inline-block;
    width: 3px;
    height: 4px;
   
    vertical-align: 3px;
}
.ml10 {
    margin-left: 10px;
}
.ft13 {
    font-size: 13px;
}
.pt15 {
    padding-top: 15px;
}
</style>